// 分装scss
.tow{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

@mixin flex{
  display: flex;
}
.wid{
	width: 690rpx;
	margin-left: auto;
	margin-right: auto;
}
.p-wid{
	width: 100%;
	padding: 0 30rpx;
	margin-left: auto;
	margin-right: auto;
}
.wh100{
  width: 100%;
  height: 100%;
}
.w-100{
  width: 100%;
}
.h-100{
   height: 100%;
}
.m-cen{
  margin-left: auto;
  margin-right: auto;
  display: block;
}
$wid : 690rpx;
.xin-flex{
  @include flex()
}
.color{
    &-333{
        color: #333;
    }
    &-666{
      color: #666;
  }
  &-999{
      color: #999;
  }
}

.flex-btn{
  justify-content: space-between;
  @include flex()

}
.flex-btn{
  justify-content: space-between;
  @include flex()

}
.flex-alc{
  align-items: center;
  @include flex()

}
.text{
  &-left{
    text-align: left;
  }
  &-right{
    text-align: right;
  }
  &-center{
    text-align: center;
  }
}
@for $i from 1 through 6{
  .h#{$i}{
    font-size:(44 - $i*4rpx)
  }
}
@for $i from 1 through 7{
  .font-#{$i}00{
    font-weight:$i*100 ;
  }
}

@for $i from 1 through 10
{
  .pt-#{$i}0{
    padding-top: #{$i}0rpx;
  }
  .pb-#{$i}0{
    padding-bottom: #{$i}0rpx;
  }
  .p-#{$i}0{
     padding-top:  #{$i}0rpx;
     padding-bottom: #{$i}0rpx;
  }
  .mt-#{$i}0{
    margin-top: #{$i}0rpx;
  }
  .mb-#{$i}0{
    margin-bottom: #{$i}0rpx;
  }
  .m-#{$i}0{
     margin-top:  #{$i}0rpx;
     margin-bottom: #{$i}0rpx;
  }
}

